<template>
 <div>
     {{msg}}
 </div>
</template>

<script>
export default {
  name: 'Hello2',
  data () {
    return {
      msg: 'Hello world from Hello2.vue'
    }
  },
  components: {},
  created () {
    console.log(`${this.name ? this.name : 'anonymousView'}: created!`)
  },
  beforeUpdate () {
    console.log(`${this.name ? this.name : 'anonymousView'}: beforeUpdate!`)
  },
  updated () {
    console.log(`${this.name ? this.name : 'anonymousView'}: updated!`)
  },
  beforeRouteUpdate () {
    console.log(`${this.name ? this.name : 'anonymousView'}: beforeRouteUpdate!`)
  },
  destroyed () {
    console.log(`${this.name ? this.name : 'anonymousView'}: destroyed!`)
  }
}
</script>

<style>

</style>
